<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="images/title.ico" rel="shortcut icon" />
<link rel="stylesheet" type="text/css" href="css/report.css" />
<link rel="stylesheet" type="text/css" href="easyui1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui1.3.3/themes/icon.css">
<script type="text/javascript" src="easyui1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="js/mychart.js"></script>
<script type="text/javascript" src="easyui1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="easyui1.3.3/Highcharts-3.0.2/highcharts.js"></script>
<script type="text/javascript" src="easyui1.3.3/Highcharts-3.0.2/modules/exporting.js"></script>
<script type="text/javascript">
    var data1 = {"Rows" : [{"truePay" : 30.0,"shouldPay" : 140.0,"year" : "2013"}, {"truePay" : 140.0,"shouldPay" : 140.0,"year" : "2012"}, {"truePay" : 134.5,"shouldPay" : 140.0,"year" : "2011"}, {"truePay" : 141.0,"shouldPay" : 140.0,"year" : "2010"}, {"truePay" : 85.0,"shouldPay" : 86.5,"year" : "2009"}],"RowCount" : 5};
 	var data2 = {"Rows" : [{"truePay" : 31.0,"shouldPay" : 80.0,"month" : "1"}, {"truePay" : 20.0,"shouldPay" : 100.0,"month" : "2"}, {"truePay" : 54.5,"shouldPay" : 90.0,"month" : "3"}, {"truePay" : 141.0,"shouldPay" : 140.0,"month" : "4"}, {"truePay" : 55.0,"shouldPay" : 66.5,"month" : "5"}
 				, {"truePay" : 82.0,"shouldPay" : 81.5,"month" : "6"}, {"truePay" : 85.0,"shouldPay" : 82.5,"month" : "7"}, {"truePay" : 85.0,"shouldPay" : 86.5,"month" : "8"}
 				, {"truePay" : 113.0,"shouldPay" : 51.5,"month" : "9"}, {"truePay" : 73.0,"shouldPay" : 33.5,"month" : "10"}, {"truePay" : 177.0,"shouldPay" : 100.5,"month" : "11"}, {"truePay" : 74.0,"shouldPay" : 123.5,"month" : "12"}],"RowCount" : 5};
	function labelselect(){
		alert("123");
	}
	/*获取json数据开始*/
    //定义变量
    $(document).ready(function () {
    	chartreq('day.do','day');
      	$('#sorttype').on("click",function(){
    	  	//alert($('#subsorttype').css("display"));
    	  	if("none"==$('#subsorttype').css('display')){
    		  	$('#subsorttype').css("display","block");
    	  	}else{
    		  	$('#subsorttype').css("display","none");
    	  	}
      	});
      	$('#duibilefttitle').on("click",function(){
    	  	if("none"==$('#duibileft').css('display')){
    		  	$('#duibileft').css("left","16");
    		  	$('#duibileft').css("display","block");
    	  	}else{
    		  	$('#duibileft').css("display","none");
    	  	}
     	});
      	$('#duibirighttitle').on("click",function(){
    	  	if("none"==$('#duibileft').css('display')){
    		 	//alert($('#duibileft').css("left","135"));
    		  	$('#duibileft').css("left","132");
    		  	$('#duibileft').css("display","block");
    	  	}else{
    		  	$('#duibileft').css("display","none");
    	  	}
      	});
      	$('#cijiweidutitle').on("click",function(){
    	  	if("none"==$('#cijiweidu').css('display')){
    		  	$('#cijiweidu').css("display","block");
    	  	}else{
    		  	$('#cijiweidu').css("display","none");
    	  	}
      	});
    }); 
    function changesort(){
    	 if($("#sortimage").attr("src")=="images/sort_asc.gif"){
    		 $("#sortimage").attr("src","images/sort_desc.gif");
    	 }else{
    		 $("#sortimage").attr("src","images/sort_asc.gif");
    	 }
    }
    $(document).click(function(e){ 
		//e = e || window.event;
		//var target = e.target || e.srcElement;
    	//if(target.id === "sorttype") return;
		//alert("target.id="+target.id);
    	//alert($('#subsorttype').css('display'));
    	//if("block"==$('#subsorttype').css('display')){
    		//$('#subsorttype').css('display','none');
    	//}
    	var sorttype = $('#sorttype');
    	var cijiweidu = $('#cijiweidutitle');
    	var duibilefttitle = $('#duibilefttitle');
    	var duibirighttitle = $('#duibirighttitle');
    	//alert(window.event.srcElement+"--"+mydiv[0]);
    	//sorttype[0]是将[object object]转为htmldivelement
    	if(!sorttype[0].contains(window.event.srcElement)){
    		$('#subsorttype').css('display','none');
    	}
    	if(!cijiweidu[0].contains(window.event.srcElement)){
    		$('#cijiweidu').css('display','none');
    	}
    	//if(!duibilefttitle[0].contains(window.event.srcElement)
    	//		&&!duibirighttitle[0].contains(window.event.srcElement)){
    	//	$('#duibileft').css('display','none');
    	//}
    });
	function day(){
		$('#day').addClass("ed j");
		$('#week').removeClass("j");
		$('#month').removeClass("j");
		chartreq('day.do','day');
	}
	function week(){
		$('#week').addClass("ed j");
		$('#day').removeClass("j");
		$('#month').removeClass("j");
		chartreq('week.do','week');
	}
	function month(){
		$('#month').addClass("ed j");
		$('#day').removeClass("j");
		$('#week').removeClass("j");
		chartreq('month.do','month');
	}
	function xztl(){
		getChart('line');
		$('#xianzhuangtuli').addClass("ed j");
		$('#dongtaituli').removeClass("j");
	}
	function dttl(){
		getChart('column');
		$('#dongtaituli').addClass("ed j");
		$('#xianzhuangtuli').removeClass("j");
	}
	function shuju(){
		$('#shuju').addClass("yc acb");
		$('#baifenbi').removeClass("acb");
		$('#xiaoguo').removeClass("acb");
		$('#bijiao').removeClass("acb");
		$('#toushi').removeClass("acb");
	}
	function baifenbi(){
		$('#baifenbi').addClass("yc acb");
		$('#shuju').removeClass("acb");
		$('#xiaoguo').removeClass("acb");
		$('#bijiao').removeClass("acb");
		$('#toushi').removeClass("acb");
	}
	function xiaoguo(){
		$('#xiaoguo').addClass("yc acb");
		$('#baifenbi').removeClass("acb");
		$('#shuju').removeClass("acb");
		$('#bijiao').removeClass("acb");
		$('#toushi').removeClass("acb");
	}
	function bijiao(){
		$('#bijiao').addClass("yc acb");
		$('#baifenbi').removeClass("acb");
		$('#xiaoguo').removeClass("acb");
		$('#shuju').removeClass("acb");
		$('#toushi').removeClass("acb");
	}
	function toushi(){
		$('#toushi').addClass("yc acb");
		$('#baifenbi').removeClass("acb");
		$('#xiaoguo').removeClass("acb");
		$('#bijiao').removeClass("acb");
		$('#shuju').removeClass("acb");
	}
	function gaoji(){
		if("none"==$('#gaojixianshi').css("display")){
			$('#gaojixianshi').css("display","block");
		}else{
			$('#gaojixianshi').css("display","none");
		}
	}
</script>
<title>报表展示</title>
</head>
<body>
	<div style="float: left;"><img src="images/chart.png" /></div>
	<div style="padding-top: 12px;height: 30px;">浏览量的百分比: 0.00%</div>
	<div class="aa bb" id="reportlabel" onclick="labelselect();" onmouseover="this.id='reportlabelover'" onmouseout="this.id='reportlabelout'">报告标签</div>
	<div class="reporttype">
		<span class="typeclass">基本指标</span>
		<span class="typeclass" style="color: blue">客户端类</span>
		<div class="alltypes">
			<div class="imageclass">
				<div class="hlb">
					<div class="ID-primaryConcept ACTION-open TARGET-primary A" id="duibilefttitle">
						<div class="ID-buttonText b-u-v me">浏览量</div>
						<div class="td Fd"></div>
					</div>
				</div>
				<div class="s3">&nbsp;对比&nbsp;</div>
				<div class="hlb">
					<div class="ID-primaryConcept ACTION-open TARGET-primary A" id="duibirighttitle">
						<div class="ID-buttonText b-u-v me">独立访客</div>
						<div class="td Fd"></div>
					</div>
				</div>
				<div class="ID-compareConceptSelector gW" id="duibileft"
					style="visibility: visible; left: 16px; top: 162px;display:none">
					<div class="bd">
						<ul class="b-u-v nd Ul">
							<li><span class="b-u-v L0"></span></li>
							<li class="Ee"><input type="text" value="" class="ID-searchBox "></li>
						</ul>
						<div class="ID-view dgb DCb">
							<div class="ID-groupContainer-0 tjb" style="">
								<div class="ID-zippy-0 Yj bd-_METRIC b-hd-mUb b-hd-uf jP" tabindex="0" role="tab" aria-expanded="true">
									<span class="b-u-v"></span>网站使用情况
								</div>
								<div class="ID-group-0 b-hd-O" style="">
									<div class="ID-concept-0-0 Zd Qmb ACTION-select TARGET-analytics.entrances bd-_METRIC" style="">
										<div class="Olb">进入次数</div>
										<div class="Rr ID-conceptTooltip-0-0">
											<span class="y-lb-Hb"></span>
										</div>
									</div>
									<div class="ID-concept-0-1 Zd Qmb ACTION-select TARGET-analytics.pageviews bd-_METRIC" style="display: block;">
										<div class="Olb">浏览量</div>
										<div class="Rr ID-conceptTooltip-0-1">
											<span class="y-lb-Hb"></span>
										</div>
									</div>
									<div class="ID-concept-0-2 Zd Qmb ACTION-select TARGET-analytics.avgPageDuration bd-_METRIC" style="">
										<div class="Olb">平均页面停留时间</div>
										<div class="Rr ID-conceptTooltip-0-2">
											<span class="y-lb-Hb"></span>
										</div>
									</div>
									<div class="ID-concept-0-3 Zd Qmb ACTION-select TARGET-analytics.entranceBounceRate bd-_METRIC" style="">
										<div class="Olb">跳出率</div>
										<div class="Rr ID-conceptTooltip-0-3">
											<span class="y-lb-Hb"></span>
										</div>
									</div>
									<div class="ID-concept-0-4 Zd Qmb ACTION-select TARGET-analytics.exitRate bd-_METRIC" style="">
										<div class="Olb">退出百分比</div>
										<div class="Rr ID-conceptTooltip-0-4">
											<span class="y-lb-Hb"></span>
										</div>
									</div>
									<div class="ID-concept-0-5 Zd Qmb ACTION-select TARGET-analytics.pageValue bd-_METRIC" style="">
										<div class="Olb">网页价值</div>
										<div class="Rr ID-conceptTooltip-0-5">
											<span class="y-lb-Hb"></span>
										</div>
									</div>
									<div class="ID-concept-0-6 Zd Qmb ACTION-select TARGET-analytics.uniquePageviews bd-_METRIC Uk" style="">
										<div class="Olb">唯一身份浏览量</div>
										<div class="Rr ID-conceptTooltip-0-6">
											<span class="y-lb-Hb"></span>
										</div>
									</div>
								</div>
							</div>
						</div>
					<div class="JHb">
						<div>
							<label for="637-toggleView">
							<input id="637-toggleView" class="ACTION-toggle TARGET-view" type="checkbox">显示按名称排序的列表</label>
						</div>
					</div>
				</div>
			</div>
			</div>
			<div class="dateclass">
				<ul class="kf">
					<li id="day" class="ed j" onclick="day();">日</li>
					<li id="week" class="ed" onclick="week();">周</li>
					<li id="month" class="ed" onclick="month();">月</li>
				</ul>
			</div>
			<div class="charttypeclass">
				<ul class="kf">
					<li id="xianzhuangtuli" class="ed j" onclick="xztl();"><div class="xianxingtu"></div></li>
					<li id="dongtaituli" class="ed" onclick="dttl();"><div class="dongtaitu"></div></li>
				</ul>
			</div>
		</div>
		<div class="xiala">
			<span class="subxiala" style="border-color:#058DC7"></span>展现量
			<span class="subxiala" style="border-color:#AADFF3"></span>独立访客
		</div>
		<div style="" class="allimageanddate">  
		     <div>  
		        <div style="margin: 0px 1px 0px -1px">  
		        	<div id="containerreport" style="min-width: 368px; height: 368px; margin: 0px 1px 0px 5px"></div>  
		        </div>  
		     </div>  
		</div>
		<div class="weidu" style="height: 27px">
			<div class="zA">
				<span class="mainweidu">主要维度:</span>
				<span class="time twd">时间</span>
			</div>
			<div class="yf">
				<div class="JRb Vd">
					<ul class="Cnb">
						<li class="vj Mb D6">
							<div class="ID-explorer-table-tableMode">
								<div class="J">
									<span class="yc acb ACTION-click TARGET-data" id="shuju" onclick="shuju();">
										<div class="bY J-_data" title="数据"></div>
									</span>
									<span class="yc ACTION-click TARGET-data" id="baifenbi" onclick="baifenbi();">
										<div class="bY J-_pie" title="百分比"></div>
									</span>
									<span class="yc ACTION-click TARGET-data" id="xiaoguo" onclick="xiaoguo();">
										<div class="bY J-_performance" title="效果"></div>
									</span>
									<span class="yc ACTION-click TARGET-data" id="bijiao" onclick="bijiao();">
										<div class="bY J-_comparison" title="比较"></div>
									</span>
									<span class="yc ACTION-click TARGET-data" id="toushi" onclick="toushi();">
										<div class="bY J-_pivot" title="数据透视"></div>
									</span>
								</div>
							</div>
						</li>
						<li class="vj Mb J8">
							<ul class="b-u-v nd">
								<li class="Ee">
									<input type="text" class="ID-filterBox "/>
								</li>
								<li class="ACTION-apply TARGET-filter A Mh">
									<span class="td"></span>
								</li>
							</ul>
							<div class="ID-advancedFilterToggle b-u-v Dj b-hd-mUb b-hd-Ci"
									 tabindex="0" role="tab" aria-expanded="false" onclick="gaoji();">高级</div>
						</li>
						<li class="vj gE Nb">
							<div class="ACTION-dimension TARGET-secondary aP A" id="cijiweidutitle">
								<div class="ID-buttonText b-u-v me">次级维度</div>
								<div class="td Fd"></div>
							</div>
							<div class="ID-dimensionPickerContainer oC" id="cijiweidu"
								style="visibility: visible; left: 34px; top: 631px;display: none">
								<div class="bd">
									<ul class="b-u-v nd Ul">
										<li><span class="b-u-v L0"></span></li>
										<li class="Ee"><input type="text" value=""
											class="ID-searchBox "></li>
									</ul>
									<div class="ID-view dgb DCb">
										<div class="ID-groupContainer-0 tjb" style="">
											<div class="ID-zippy-0 Yj bd-_DIMENSION b-hd-mUb b-hd-Ci OH"
												tabindex="0" role="tab" aria-expanded="false">
												<span class="b-u-v"></span>访问者
											</div>
											<div class="ID-group-0 b-hd-O" style="display: none;">
												<div
													class="ID-concept-0-0 Zd Qmb ACTION-select TARGET-analytics.city bd-_DIMENSION"
													style="">
													<div class="Olb">城市</div>
													<div class="Rr ID-conceptTooltip-0-0">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-0-1 Zd Qmb ACTION-select TARGET-analytics.subContinent bd-_DIMENSION"
													style="">
													<div class="Olb">次大陆区域</div>
													<div class="Rr ID-conceptTooltip-0-1">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-0-2 Zd Qmb ACTION-select TARGET-analytics.continent bd-_DIMENSION"
													style="">
													<div class="Olb">大洲</div>
													<div class="Rr ID-conceptTooltip-0-2">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-0-3 Zd Qmb ACTION-select TARGET-analytics.dma bd-_DIMENSION"
													style="">
													<div class="Olb">都市圈</div>
												</div>
												<div
													class="ID-concept-0-4 Zd Qmb ACTION-select TARGET-analytics.visitorType bd-_DIMENSION"
													style="">
													<div class="Olb">访问者类型</div>
													<div class="Rr ID-conceptTooltip-0-4">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-0-5 Zd Qmb ACTION-select TARGET-analytics.country bd-_DIMENSION"
													style="">
													<div class="Olb">国家/地区</div>
													<div class="Rr ID-conceptTooltip-0-5">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-0-6 Zd Qmb ACTION-select TARGET-analytics.region bd-_DIMENSION"
													style="">
													<div class="Olb">区域</div>
													<div class="Rr ID-conceptTooltip-0-6">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-0-7 Zd Qmb ACTION-select TARGET-analytics.language bd-_DIMENSION"
													style="">
													<div class="Olb">语言</div>
													<div class="Rr ID-conceptTooltip-0-7">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
											</div>
										</div>
										<div class="ID-groupContainer-1 tjb" style="">
											<div class="ID-zippy-1 Yj bd-_DIMENSION b-hd-mUb b-hd-Ci OH"
												tabindex="0" role="tab" aria-expanded="false">
												<span class="b-u-v"></span>技术
											</div>
											<div class="ID-group-1 b-hd-O" style="display: none;">
												<div
													class="ID-concept-1-0 Zd Qmb ACTION-select TARGET-analytics.operatingSystem bd-_DIMENSION"
													style="">
													<div class="Olb">操作系统</div>
													<div class="Rr ID-conceptTooltip-1-0">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-1-1 Zd Qmb ACTION-select TARGET-analytics.browser bd-_DIMENSION"
													style="">
													<div class="Olb">浏览器</div>
													<div class="Rr ID-conceptTooltip-1-1">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-1-2 Zd Qmb ACTION-select TARGET-analytics.browserVersion bd-_DIMENSION"
													style="">
													<div class="Olb">浏览器版本</div>
													<div class="Rr ID-conceptTooltip-1-2">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-1-3 Zd Qmb ACTION-select TARGET-analytics.screenResolution bd-_DIMENSION"
													style="">
													<div class="Olb">屏幕分辨率</div>
													<div class="Rr ID-conceptTooltip-1-3">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-1-4 Zd Qmb ACTION-select TARGET-analytics.screenColors bd-_DIMENSION"
													style="">
													<div class="Olb">屏幕颜色</div>
													<div class="Rr ID-conceptTooltip-1-4">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-1-5 Zd Qmb ACTION-select TARGET-analytics.networkDomain bd-_DIMENSION"
													style="">
													<div class="Olb">网络域</div>
													<div class="Rr ID-conceptTooltip-1-5">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-1-6 Zd Qmb ACTION-select TARGET-analytics.flashVersion bd-_DIMENSION"
													style="">
													<div class="Olb">Flash 版本</div>
													<div class="Rr ID-conceptTooltip-1-6">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-1-7 Zd Qmb ACTION-select TARGET-analytics.javaEnabled bd-_DIMENSION"
													style="">
													<div class="Olb">Java 支持</div>
													<div class="Rr ID-conceptTooltip-1-7">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
											</div>
										</div>
										<div class="ID-groupContainer-2 tjb" style="">
											<div class="ID-zippy-2 Yj bd-_DIMENSION b-hd-mUb b-hd-Ci OH"
												tabindex="0" role="tab" aria-expanded="false">
												<span class="b-u-v"></span>流量来源
											</div>
											<div class="ID-group-2 b-hd-O" style="display: none;">
												<div
													class="ID-concept-2-0 Zd Qmb ACTION-select TARGET-analytics.keyword bd-_DIMENSION"
													style="">
													<div class="Olb">关键字</div>
													<div class="Rr ID-conceptTooltip-2-0">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-2-1 Zd Qmb ACTION-select TARGET-analytics.campaign bd-_DIMENSION"
													style="">
													<div class="Olb">广告系列</div>
													<div class="Rr ID-conceptTooltip-2-1">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-2-2 Zd Qmb ACTION-select TARGET-analytics.source bd-_DIMENSION"
													style="">
													<div class="Olb">来源</div>
													<div class="Rr ID-conceptTooltip-2-2">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-2-3 Zd Qmb ACTION-select TARGET-analytics.medium bd-_DIMENSION"
													style="">
													<div class="Olb">媒介</div>
													<div class="Rr ID-conceptTooltip-2-3">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-2-4 Zd Qmb ACTION-select TARGET-analytics.landingPagePath bd-_DIMENSION"
													style="">
													<div class="Olb">目标网页</div>
													<div class="Rr ID-conceptTooltip-2-4">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
											</div>
										</div>
										<div class="ID-groupContainer-3 tjb" style="">
											<div class="ID-zippy-3 Yj bd-_DIMENSION b-hd-mUb b-hd-Ci OH"
												tabindex="0" role="tab" aria-expanded="false">
												<span class="b-u-v"></span>内容
											</div>
											<div class="ID-group-3 b-hd-O" style="display: none;">
												<div
													class="ID-concept-3-0 Zd Qmb ACTION-select TARGET-analytics.userDefinedValue bd-_DIMENSION"
													style="">
													<div class="Olb">用户指定的值</div>
													<div class="Rr ID-conceptTooltip-3-0">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
												<div
													class="ID-concept-3-1 Zd Qmb ACTION-select TARGET-analytics.hostname bd-_DIMENSION"
													style="">
													<div class="Olb">主机名</div>
													<div class="Rr ID-conceptTooltip-3-1">
														<span class="y-lb-Hb"></span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="JHb">
										<div>
											<label for="238-toggleView"><input
												id="238-toggleView" class="ACTION-toggle TARGET-view"
												type="checkbox">显示按名称排序的列表</label>
										</div>
									</div>
								</div>
							</div>
						</li>
						<li class="vj gE Nb">
							<div id="subsorttype" class="ID-sortTypeContainer b-i Ke-i" 
								style="-webkit-user-select: none; visibility: visible; left: 207px; top: 630px; display: none;" 
								role="menu" aria-haspopup="true" tabindex="-1">
								<div class="ZA1 zD ACTION-select TARGET-" style="-webkit-user-select: none;">默认</div>
								<div class="ZA1 bT" style="-webkit-user-select: none;">变化绝对值</div>
								<div class="ZA1 bT" style="-webkit-user-select: none;">加权</div>
							</div>
							<label class="ID-sortTypeSelect qDb">排序类型:</label>
							<div class="ID-sortTypeSelector aP A" id="sorttype">
								<div class="ID-buttonText b-u-v me">默认</div>
								<div class="td Fd"></div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div style="width:100%;height:20px;display: none" id="gaojixianshi"></div>
	<div style="margin-left: 5px">
		<table class="easyui-datagrid" style="width:1327px;height:250px;"
				data-options="singleSelect:true,collapsible:true,url:'${pageContext.request.contextPath}/datagrid_data1.json'">
			<thead>
				<tr>
				<th data-options="field:'itemid',width:150,align:'center'">
					时间
					<span class="imagenormal"><span class="y-lb-Hb"></span></span>
				</th>
				<th data-options="field:'productid',width:140,align:'center'">
				渠道
				<span class="imagenormal-close"><span class="y-lb-Hb-close"></span></span>
				</th>
				<th data-options="field:'listprice',width:250,align:'left'">
				展现量
				<span class="imagenormal"><span class="y-lb-Hb"></span></span>
				<img onclick="changesort();" align="right" id="sortimage" style="margin: 5px 0px 0px 0px;cursor: pointer" src="images/sort_asc.gif"/>
				</th>
				<th data-options="field:'unitcost',width:250,align:'left'">
				点击量
				<span class="imagenormal"><span class="y-lb-Hb"></span></span>
				</th>
				<th data-options="field:'attr1',width:250,align:'left'">
				独立访客
				<span class="imagenormal"><span class="y-lb-Hb"></span></span>
				</th>
				<th data-options="field:'status',width:250,align:'left'">
				独立IP
				<span class="imagenormal"><span class="y-lb-Hb"></span></span>
				</th>
				</tr>
			</thead>
		</table>
	</div>
</body>
</html>